.logo {
    height: 90px;
    position: relative;
    color: gray;

    .left {
        float: left;

        img {
            width: 200px;
            height: 90px;
            padding-left: 15px;
        }
    }

    .text {
        font-size: 12px;
        display: block;
        float: left;
        color: #333;
        background: #fefff1;
        border: 1px solid #fecd66;
        line-height: 16px;
        margin: 33px 0 0 10px;
        padding: 4px 6px;
    }
}

.login {
    background: url(https://image.suning.cn/uimg/cms/img/160946391612389622.jpg) center no-repeat;
    height: 570px;

    .login-form {
        height: 100%;
        float: right;
        width: 360px;
        background: #fff;
        margin-top: 20px;

        .what-login {
            width: 100%;
            border-bottom: 1px gray solid;
            line-height: 50px;

            .ewm {
                width: 50%;
                float: left;
                text-align: center;
            }

            .userlogin {
                color: #FF6600;
                width: 50%;
                float: left;
                text-align: center;
                border-bottom: 2px #FF6600 solid;
            }

        }

        .input-group {
            line-height: 36px;
            text-align: center;
            margin: 15px auto;

            labal {
                border: 1px gray solid;
                width: 330px;
                height: 40px;

                input {
                    outline: none;
                    border: 0;
                    width: 200px;
                    height: 100%;
                }

                .iconfont {
                    height: 100%;
                    font-size: 20px;
                }
            }

            .submit {
                width: 250px;
                background-color: #FF6600;
                color: white;
                height: 30px;
            }
        }

        .register {
            font-size: 14px;
            margin: 0 auto;
            width: 300px;

            .left {
                float: left;
            }

            .right {
                float: right;
            }
        }

        .reg {
            width: 300px;
            margin: 0 auto;
            text-align: center;
            color: #FF6600;
            font-style: 12px;
        }
    }

    .otherlogin {
        display: flex;
        justify-content: space-around;
        margin: 10px 0;

        span {
            flex: 1;
            text-align: center;
        }
    }
}




.footer {
    margin-top: 20px;
    font-size: 12px;

    .ng-s-f-con {
        text-align: center;
        line-height: 22px;
        span {
            margin: 4px;
        }
    }
}